<template>
  <div class="title">
    <span @click="handleBack"><el-icon><ArrowLeftBold /></el-icon>返回</span>
  </div>
</template>

<script setup lang='ts'>
import { ref, reactive } from 'vue'
import { useRouter } from 'vue-router';

const router = useRouter();
const handleBack = () => {
  router.back();
}
</script>

<style scoped lang='scss'>
.title{
  position: absolute;
  top: 5px;
  left: 10px;
  border-bottom: 1px solid #dfe1e6;
  width: calc(100% - 20px);
  span{
    display: flex;
    align-items: center;
    // justify-content: flex-end;
    cursor: pointer;
    padding: 10px;
    font-size: 18px;
    color: #444242;
  }
}
</style>